<script setup lang="ts">
import NavDrawer from '@/views/smart_clinic/NavDrawer.vue'
import DoctorList from '@/views/smart_clinic/DoctorList.vue'
</script>

<template>
    <div class="clinic">
        <img class="clinic-img" src="@/images/doctor/clinic.png" alt="">
        <nav-content navData="&nbsp;&nbsp;>&nbsp;&nbsp;智慧门诊"></nav-content>
        <div class="clinic-content">
            <NavDrawer></NavDrawer>
            <DoctorList></DoctorList>
        </div>
    </div>
</template>

<style scoped lang="scss">
.clinic {
    .clinic-img {
        display: flex;
        width: 100vw;
        height: 79vh;
    }

    .clinic-content {
        display: flex;
        justify-content: space-between;
        width: 80vw;
        margin: 0 auto;
    }
}
</style>